import "./App.css";
import { useState } from "react";

import Ceshi from './co/ceshi.jsx'
import Test from './co/test.jsx'
import TestDemo from './co/test_demo.jsx'
import Test1 from './co/test1.jsx'
import MyComponent from "./co/classDemo";
import Demo from './co/demo.jsx'
import HomePage from "./co/huimei";
 import Father from "./context/father";
 import Reducer from "./Reducer/reducer";
 import CallBack from "./callback/CallBack";
 import GetDom from "./useImperativeHandle/getDom";
 import Transition from "./useTransition/Transition";
 import SyncExternalStore from "./useSyncExternalStore/SyncExternalStore";
 import SelectDemo from "./select/Slect";
function App() {
  const [a1, setA1] = useState(0);
  const handle = () => {
    setA1((a1) => {
      const a2 = a1 + 1;
      console.log(a2);//最新值
      return a2;
    });
  };
  console.log(0 || 0 === 0,'333333333');
  console.log((0 && 0===0),'99999999');
  console.log(a1, "444444"); //最新值
  return (
    <>
    <br />
    <br />
    <br />
    <br />
    <br />
    <SelectDemo></SelectDemo>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <HomePage></HomePage>
    <div>
    
      tel_score:
      {a1}
      <br />
      <button onClick={handle}>点我加1</button>
      {
       (a1 || a1===0)  && ( 
          <div>
            tel_abc:
            {a1}
          </div>
        )

      }
      
      {/* <Ceshi/>
      <Test/>
      <TestDemo  value='你好呀，郝娅惠'/>
      <Test1/>
      <MyComponent/> */}
      {/* <SelectDemo></SelectDemo> */}
      <br />
      <Transition/>
      <br />
      <Demo/>
      <Test></Test>
      <MyComponent/>
      <Father></Father>
      <Reducer></Reducer>
      <CallBack></CallBack>
      <br />
      <GetDom></GetDom>
      <SyncExternalStore/>
      {/* <SelectDemo></SelectDemo> */}
    </div>
    </>
    
  );
}

export default App;
